.screen {
  :global {
    .screen-item {
      display: flex;
      position: relative;
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
      .btn {
        cursor: pointer;
        background-color: blue;
        color: white;
        display: inline-block;
        border-radius: 5px;
        text-align: center;
        padding: 8px 20px;
      }
    }
    .float-right{
      float: right;
    }
    .screen-item-left,
    .screen-item-right {
      flex: 1;
    }
    .screen-item1 {
      flex-direction: column;
      background-image: url(https://www.tec-do.com/static/home/images/v2/chcp/banner/bg.jpg);
      background-position: top center;
      background-color: #000;
      background-size: 105%;
      color: #fff;
      padding-top: 100px;
      text-align: center;
      height: 150vh;
      .title {
        font-size: 80px;
        font-weight: bold;
        margin-bottom: 10px;
      }
      .desc {
        font-size: 20px;
      }
      .question-title {
        font-size: 50px;
        margin-top: 160px;
        margin-bottom: 120px;
        text-align: left;
      }
      .question-list {
        display: flex;
        justify-content: center;

        .question-item-title {
          width: 170px;
          margin: 0 auto;
          line-height: 50px;
          border-bottom: 1px solid #ccc;
          font-size: 30px;
        }
        .question-item-desc {
          // width: 170px;
          margin: 0 auto;
          color: #ccc;
          line-height: 25px;
        }
        .question-item {
          cursor: pointer;
          position: relative;
          border-radius: 5px;
          width: 230px;
          height: 400px;
          margin: 40px;
          background-color: #000422;
          overflow: hidden;
          transition: transform 1s ease;

          img {
            width: 100%;
          }
          &:hover {
            transform: scale(1.2);
          }
        }
      }
    }
    .screen-item2 {
      color: #fff;
      background-image: url(https://www.tec-do.com/static/home/images/v2/chcp/bg1.jpg);
      .screen-item-left{
        background-color: #15273f;
      }
      .market-list{
        background-color: white;
        position: absolute;
        width: 900px;
        bottom: 50px;
        left: 30%;
        height: 60px;
        display: flex;
        border-radius: 5px;
        .market-item{
          padding-top: 6px;
          color: #5D5D5D;
          flex: 1;
          line-height: 25px;
          text-align: center;
          position: relative;
          &:before{
               content: ' ';
               position: absolute;
               width: 1px;
               height: 30px;
               right: 0;
               background-color: #eee;
               top:20px;
          }

        }
      }
    }
    .screen-item3 {
      background-image: url(https://www.tec-do.com/static/home/images/v2/chcp/bg2.jpg);
      // background-position: center center;
      // background-color: #eaf2ff;
      // background-size: 1500px;
    }
    .screen-item4 {
      background-image: url(https://www.tec-do.com/static/home/images/v2/chcp/bg3.jpg);
      color: white;
      height: 90vh;
      .screen-item-left {
        // flex: 1;
        background-color: #7592b4;
      }
      ul.list {
        li {
          margin-bottom: 10px;
          &::marker {
            color: white;
          }
        }
      }
    }
    .screen-item5 {
      background-image: url(https://www.tec-do.com/static/home/images/v2/chcp/bg4.jpg);
    }
    .screen-item6 {
      background-image: url(https://www.tec-do.com/static/home/images/v2/chcp/bg5.jpg);
      color: #fff;
      ul.list {
        li {
          margin-bottom: 10px;
          &::marker {
            color: white;
          }
        }
      }
    }
    .screen-item7 {
      background-image: url(https://www.tec-do.com/static/home/images/v2/contact/bg.jpg);
      .contact-form {
        position: absolute;
        right: 100px;
        top: 100px;
        background-color: white;
        width: 450px;
        padding: 20px;
        border-radius: 10px;
        .title {
          font-weight: bold;
          margin-bottom: 20px;
          font-size: 20px;
        }
        .row {
          margin-bottom: 20px;
          display: flex;
          .input1 {
            margin-right: 10px;
          }
          .input2 {
            margin-left: 10px;
          }
          input,
          select {
            flex: 1;
            height: 30px;
            padding-left: 10px;
            padding-right: 10px;
            border: 1px solid #ccc;
            outline: none;
            border-radius: 5px;
          }
          .btn {
            width: 100%;
          }
        }
      }
    }

    .screen-introduce {
      .wrap {
        padding: 100px;
      }
      .title {
        font-size: 50px;
        font-weight: bold;
        margin-bottom: 100px;
      }
      .light{
        color: #06DFEA;
      }
      .list {
        margin-bottom: 40px;
        li {
          // margin-bottom: 10px;
          line-height: 35px;
          &::marker {
            color: blue;
          }
        }
      }
    }
  }
}
